<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath();
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <script src="<%=basePath%>/public/js/rem.js"></script>
    <link rel="stylesheet" href="<%=basePath%>/public/css/public.css">
    <title>医疗设备系统</title>
    <%-- css --%>
    <link rel="shortcut icon" href="<%=basePath%>/images/favicon.ico">
    <link rel="stylesheet" href="<%=basePath%>/css/font-awesome.min.css">
    <link rel="stylesheet" href="<%=basePath%>/plugins/iziModal/css/iziModal.min.css">
    <link rel="stylesheet" href="<%=basePath%>/plugins/iCheck/all.css">
    <link rel="stylesheet" href="<%=basePath%>/plugins/select2/select2.min.css">
    <link rel="stylesheet" href="<%=basePath%>/plugins/flavr/flavr.css">
    <%-- js --%>
    <script src="<%=basePath%>/plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="<%=basePath%>/plugins/jQuery/jquery.cookie.js"></script>
    <script src="<%=basePath%>/plugins/fastclick/fastclick_1.0.6.min.js"></script>
    <script src="<%=basePath%>/plugins/flavr/flavr.min.js"></script>
    <script src="<%=basePath%>/plugins/charts/js/echarts.min.js"></script>
    <script src="<%=basePath%>/plugins/iCheck/icheck.min.js"></script>
    <script src="<%=basePath%>/plugins/select2/select2.full.min.js"></script>
    <script src="<%=basePath%>/plugins/select2/i18n/zh-CN.js"></script>
    <script src="<%=basePath%>/plugins/iziModal/js/iziModal.min.js"></script>
    <script src="<%=basePath%>/plugins/jQuery/JQMeter.min.js"></script>
    <script src="<%=basePath%>/plugins/charts/js/tableHeadFixer.js"></script>

    <%-- my css js --%>
    <link rel="stylesheet" href="<%=basePath%>/css/area/hospital.css">
    <script src="<%=basePath%>/public/js/public.js"></script>
</head>
<body>
<%-- 头部 --%>
<jsp:include page="header.jsp"></jsp:include>

<div id="container">
    <div class="container-top">
        <div class="main-total">
            <%-- 平均年限指数 --%>
            <div class="total total1 main-border">
                <div class="total-left">
                    <h4 class="total-title underline pointer active" i18n="index.overview.sbxh.pjnxzs">平均年限指数</h4>
                    <div class="total-name-value">
                        <div class="total-name">
                            <p i18n="index.overview.sbxh.nxzs">年限指数</p>
                            <p i18n="share.overview.yysl">医院数量</p>
                        </div>
                        <div class="total-value">
                            <p>：<span class="value" id="agelimit-1"></span>&nbsp;<span class="unit"></span></p>
                            <p>：<span class="value" id="hospital-count-1"></span>&nbsp;<span class="unit" i18n="share.unit.jia">家</span></p>
                        </div>
                    </div>
                </div>
                <div class="total-right">
                    <div class="total-name-value">
                        <div class="total-name">
                            <p i18n="index.overview.yyks.sbsl">设备数量</p>
                            <p i18n="share.overview.tb">同比</p>
                        </div>
                        <div class="total-value">
                            <p>：<span id="assets-count-1" class="value"></span>&nbsp;<span class="unit" i18n="share.unit.tai">台</span></p>
                            <p>：<span id="assets-count-yoy-1" class="value"></span>&nbsp;<span class="unit"><img src="<%=basePath%>/plugins/charts/images/arrow_up.png"></span></p>
                        </div>
                    </div>
                    <div class="total-name-value">
                        <div class="total-name">
                            <p i18n="index.overview.yyks.sbje">设备金额</p>
                            <p i18n="share.overview.tb">同比</p>
                        </div>
                        <div class="total-value">
                            <p>：<span id="assets-price-1" class="value"></span>&nbsp;<span class="unit" i18n="share.unit.wanyuan">万元</span></p>
                            <p>：<span id="assets-price-yoy-1" class="value"></span>&nbsp;<span class="unit"><img src="<%=basePath%>/plugins/charts/images/arrow_up.png"></span></p>
                        </div>
                    </div>
                </div>
            </div>
            <%-- 年限指数大于等于1.0 --%>
            <div class="total total2 main-border">
                <div class="total-left">
                    <h4 class="total-title underline pointer"><span i18n="index.overview.sbxh.nxzs"></span>≥1.0 </h4>
                    <div class="total-name-value">
                        <div class="total-name">
                            <p i18n="index.overview.sbxh.nxzs">年限指数</p>
                            <p i18n="share.overview.yysl">医院数量</p>
                        </div>
                        <div class="total-value">
                            <p>：<span class="value" id="agelimit-2"></span>&nbsp;<span class="unit"></span></p>
                            <p>：<span class="value" id="hospital-count-2"></span>&nbsp;<span class="unit" i18n="share.unit.jia">家</span></p>
                        </div>
                    </div>
                </div>
                <div class="total-right">
                    <div class="total-name-value">
                        <div class="total-name">
                            <p i18n="index.overview.yyks.sbsl">设备数量</p>
                            <p i18n="share.overview.tb">同比</p>
                        </div>
                        <div class="total-value">
                            <p>：<span id="assets-count-2" class="value"></span>&nbsp;<span class="unit" i18n="share.unit.tai">台</span></p>
                            <p>：<span id="assets-count-yoy-2" class="value"></span>&nbsp;<span class="unit"><img src="<%=basePath%>/plugins/charts/images/arrow_up.png"></span></p>
                        </div>
                    </div>
                    <div class="total-name-value">
                        <div class="total-name">
                            <p i18n="index.overview.yyks.sbje">设备金额</p>
                            <p i18n="share.overview.tb">同比</p>
                        </div>
                        <div class="total-value">
                            <p>：<span id="assets-price-2" class="value"></span>&nbsp;<span class="unit" i18n="share.unit.wanyuan">万元</span></p>
                            <p>：<span id="assets-price-yoy-2" class="value"></span>&nbsp;<span class="unit"><img src="<%=basePath%>/plugins/charts/images/arrow_up.png"></span></p>
                        </div>
                    </div>
                </div>
            </div>
            <%-- 年限指数0.7-1.0 --%>
            <div class="total total3 main-border">
                <div class="total-left">
                    <h4 class="total-title underline pointer"><span i18n="index.overview.sbxh.nxzs"></span>0.7-1</h4>
                    <div class="total-name-value">
                        <div class="total-name">
                            <p i18n="index.overview.sbxh.nxzs">年限指数</p>
                            <p i18n="share.overview.yysl">医院数量</p>
                        </div>
                        <div class="total-value">
                            <p>：<span class="value" id="agelimit-3"></span>&nbsp;<span class="unit"></span></p>
                            <p>：<span class="value" id="hospital-count-3"></span>&nbsp;<span class="unit" i18n="share.unit.jia">家</span></p>
                        </div>
                    </div>
                </div>
                <div class="total-right">
                    <div class="total-name-value">
                        <div class="total-name">
                            <p i18n="index.overview.yyks.sbsl">设备数量</p>
                            <p i18n="share.overview.tb">同比</p>
                        </div>
                        <div class="total-value">
                            <p>：<span id="assets-count-3" class="value"></span>&nbsp;<span class="unit" i18n="share.unit.tai">台</span></p>
                            <p>：<span id="assets-count-yoy-3" class="value"></span>&nbsp;<span class="unit"><img src="<%=basePath%>/plugins/charts/images/arrow_up.png"></span></p>
                        </div>
                    </div>
                    <div class="total-name-value">
                        <div class="total-name">
                            <p i18n="index.overview.yyks.sbje">设备金额</p>
                            <p i18n="share.overview.tb">同比</p>
                        </div>
                        <div class="total-value">
                            <p>：<span id="assets-price-3" class="value"></span>&nbsp;<span class="unit" i18n="share.unit.wanyuan">万元</span></p>
                            <p>：<span id="assets-price-yoy-3" class="value"></span>&nbsp;<span class="unit"><img src="<%=basePath%>/plugins/charts/images/arrow_up.png"></span></p>
                        </div>
                    </div>
                </div>
            </div>
            <%-- 年限指数<.07 --%>
            <div class="total total4 main-border">
                <div class="total-left">
                    <h4 class="total-title underline pointer"><span i18n="index.overview.sbxh.nxzs"></span><.07</h4>
                    <div class="total-name-value">
                        <div class="total-name">
                            <p i18n="index.overview.sbxh.nxzs">年限指数</p>
                            <p i18n="share.overview.yysl">医院数量</p>
                        </div>
                        <div class="total-value">
                            <p>：<span class="value" id="agelimit-4"></span>&nbsp;<span class="unit"></span></p>
                            <p>：<span class="value" id="hospital-count-4"></span>&nbsp;<span class="unit" i18n="share.unit.jia">家</span></p>
                        </div>
                    </div>
                </div>
                <div class="total-right">
                    <div class="total-name-value">
                        <div class="total-name">
                            <p i18n="index.overview.yyks.sbsl">设备数量</p>
                            <p i18n="share.overview.tb">同比</p>
                        </div>
                        <div class="total-value">
                            <p>：<span id="assets-count-4" class="value"></span>&nbsp;<span class="unit" i18n="share.unit.tai">台</span></p>
                            <p>：<span id="assets-count-yoy-4" class="value"></span>&nbsp;<span class="unit"><img src="<%=basePath%>/plugins/charts/images/arrow_up.png"></span></p>
                        </div>
                    </div>
                    <div class="total-name-value">
                        <div class="total-name">
                            <p i18n="index.overview.yyks.sbje">设备金额</p>
                            <p i18n="share.overview.tb">同比</p>
                        </div>
                        <div class="total-value">
                            <p>：<span id="assets-price-4" class="value"></span>&nbsp;<span class="unit" i18n="share.unit.wanyuan">万元</span></p>
                            <p>：<span id="assets-price-yoy-4" class="value"></span>&nbsp;<span class="unit"><img src="<%=basePath%>/plugins/charts/images/arrow_up.png"></span></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-bottom">
        <div class="container-left">
            <div class="main-chart main-border">
                <div class="chart-left">
                    <h3 class="chart-title underline detail-btn" data-tag="model" i18n="charts.title.sbxhfb">设备型号分布</h3>
                    <p class="year-btn">
                        <span i18n="charts.button.lnsj">历年数据</span>
                        <select name="chart" id="chart-change" style="display: none;">
                            <option value="0" selected i18n="charts.button.qbxs">全部显示</option>
                            <option value="1" i18n="charts.button.lnsj">历年数据</option>
                        </select>
                    </p>
                </div>
                <div class="chart-right">
                    <p class="quadrantContainner">
                        <span class="quadrantName"><span i18n="charts.button.xx">象限</span>：</span>
                        <span class="quadrant quadrant1">1</span>
                        <span class="quadrant quadrant2">2</span>
                        <span class="quadrant quadrant3">3</span>
                        <span class="quadrant quadrant4">4</span>
                    </p>
                </div>
                <div id="chart"></div>
                <div class="tap">
                    <a href="<%=basePath%>/charts/area/cost/model-page" i18n="share.title.yyxl">运营效率</a>
                    <a href="<%=basePath%>/charts/area/maintain/model-page" i18n="share.title.wxqk">维修情况</a>
                    <a href="<%=basePath%>/charts/area/maintenance/model-page" i18n="share.title.whqk">维护情况</a>
                </div>
            </div>
        </div>
        <div class="container-right">
        <div class="main-top5 main-border">
            <div class="top5 top5-year" style="display: none;">
                <div class="top5-caption">
                    <span class="top5-name underline detail-btn" data-tag="year" i18n="charts.button.lnsj">历年数据</span>
                </div>
                <div class="top5-title">
                    <span class="top5-key" i18n="share.table.head.nf">年份</span>
                    <span class="top5-value1"></span>
                    <span class="top5-value2" i18n="share.sift.sbje(wy)">设备金额(万元)</span>
                </div>
                <ul class="top5-list"></ul>
            </div>
            <div class="top5 top5-hospital">
                <div class="top5-caption">
                    <img src="<%=basePath%>/plugins/charts/images/yljg.png">
                    <span class="top5-name underline detail-btn" data-tag="hospital" i18n="institution.hospital">医疗机构</span>
                    <span class="top5-logo">TOP5</span>
                </div>
                <div class="top5-title">
                    <span class="top5-key" i18n="institution.hospital">医疗机构</span>
                    <span class="top5-value1" i18n="share.sift.nxzs">年限指数</span>
                    <span class="top5-value2" i18n="share.sift.sbje(wy)">设备金额(万元)</span>
                </div>
                <ul class="top5-list"></ul>
            </div>
            <div class="top5 top5-model">
                <div class="top5-caption">
                    <img src="<%=basePath%>/plugins/charts/images/sblx.png">
                    <span class="top5-name underline detail-btn" data-tag="model" i18n="share.title.sbxh">设备型号</span>
                    <span class="top5-logo">TOP5</span>
                    <span class="type"></span>
                </div>
                <div class="top5-title">
                    <span class="top5-key" i18n="share.title.sbxh">设备型号</span>
                    <span class="top5-value1" i18n="share.sift.nxzs">年限指数</span>
                    <span class="top5-value2" i18n="share.sift.sbje(wy)">设备金额(万元)</span>
                </div>
                <ul class="top5-list"></ul>
            </div>
            <div class="top5 top5-brand">
                <div class="top5-caption">
                    <img src="<%=basePath%>/plugins/charts/images/sblx.png">
                    <span class="top5-name underline detail-btn" data-tag="brand" i18n="share.sift.sbcj">设备厂家</span>
                    <span class="top5-logo">TOP5</span>
                </div>
                <div class="top5-title">
                    <span class="top5-key" i18n="share.sift.sbcj">设备厂家</span>
                    <span class="top5-value1" i18n="share.sift.nxzs">年限指数</span>
                    <span class="top5-value2" i18n="share.sift.sbje(wy)">设备金额(万元)</span>
                </div>
                <ul class="top5-list"></ul>
            </div>
            <div class="top5 top5-assets">
                <div class="top5-caption">
                    <img src="<%=basePath%>/plugins/charts/images/sblx.png">
                    <span class="top5-name underline detail-btn" data-tag="assets" i18n="share.table.head.jtsb">具体设备</span>
                    <span class="top5-logo">TOP5</span>
                </div>
                <div class="top5-title">
                    <span class="top5-key" i18n="share.table.head.jtsb">具体设备</span>
                    <span class="top5-value1" i18n="index.table.zb">占比(%)</span>
                    <span class="top5-value2" i18n="share.sift.sbje(wy)">设备金额(万元)</span>
                </div>
                <ul class="top5-list"></ul>
            </div>
        </div>
    </div>
    </div>
</div>
<%-- 详情模态框 --%>
<div id="year-modal">
    <table id="year-table">
        <thead></thead>
        <tbody></tbody>
        <tfoot></tfoot>
    </table>
</div>
<div id="detail-modal">
    <table id="detail-table">
        <thead></thead>
        <tbody></tbody>
        <tfoot></tfoot>
    </table>
</div>
<div id="assets-modal">
    <table id="assets-table">
        <thead></thead>
        <tbody></tbody>
        <tfoot></tfoot>
    </table>
</div>
<%-- my css --%>
<script src="<%=basePath%>/js/area/allocation-model.js"></script>
</body>
</html>
